<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5●●ホームページテンプレートT010(mono)●●-お問い合わせ</title>
<meta name="Keywords" content="このサイトのキーワードを書いてください。サンプル,サンプル">
<meta name="Description" content="サイトの紹介文を書いてください。">
<link href="css/main.css" rel="stylesheet">
<link href="css/form.css" rel="stylesheet">
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/main.js"></script>
</head>
<body>
<div id="container">
<header>
<h1><img src="img/logo.gif" alt=""></h1>
<nav>
<ul>
  <li><a href="index.html" title="HOME">HOME</a></li>
  <li><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topics">News $ Topics</a></li>
  <li><a href="#">Blog</a></li>
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li class="nav_a"><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h1>お問い合わせ</h1>
<p>下記のフォームに必要事項をご入力いただき送信してください。 </p>
<form id="detail">
				<ol>	
					<li>
						<label for="name">お名前</label>
					  <input id="name" name="name" placeholder="テンプレート屋.com" required="" autofocus="" type="text">
					</li>
                    <li>
						<label for="url">URL</label>
					  <input id="url" name="url" placeholder="http://www.templateya.com" required="" type="url">
					</li>
					<li>
						<label for="email">Email</label>
					  <input id="email" name="email" placeholder="info@templateya.com" required="" type="email">
					</li>
					<li>
						<label for="phone">お電話番号</label>
					  <input id="phone" name="phone" placeholder="xx-xxxx-xxxx" required="" type="tel">
					</li>
　　　　　　　　　　<li>
						<label for="postcode">郵便番号</label>
						<input id="postcode" name="postcode" placeholder="000-0000" required="" type="text">
					</li>

					<li>
						<label>お問い合わせ内容</label>
						<textarea name="comments" placeholder="ご用件" rows="5" required=""></textarea>
					</li>
   　　　　　	</ol>
				<button type="submit">送信</button>
</form>
</article>
</section>
<aside>
<a href="#"><img src="img/sample_banner.gif" alt=""></a>
<a href="#"><img src="img/sample_banner1.gif" alt=""></a>
<img src="img/icon/templateya.gif" alt="">
</aside>
</div>
<footer>
<div id="foot">
<div id="follow"> 
  <h2>Follow us</h2>
  <p>サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト 。 </p>
  <h3><a href="#"><img src="img/icon/facebook.png" alt="facebook" /></a><a href="#"><img src="img/icon/twitter.png" alt="twitter"></a><a href="#"><img src="img/icon/rss.png" alt="rss"></a></h3>
</div>
<nav>
<h2>MENU </h2>
<ul>
  <li><a href="index.html" title="HOME">HOME</a></li>
  <li><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topice">News &amp; Topics</a></li>
  <li><a href="#" title="ブログ">Blog</a></li>
  </ul>
</nav>
<nav>
<ul class="footer_sub">
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
  <li><a href="sitemap.html" title="サイトマップ">サイトマップ</a></li>
  </ul>
</nav>
<div id="pr">
  <!--削除禁止ここから -->
  <p><a href="http://www.templateya.com/" title="テンプレート屋.com" target="_blank">Template by テンプレート屋.com</a></p>
  <p>&lt;PR&gt; <a href="http://www.felibe.com/" title="ホームページ制作のFelibe" target="_blank">Felibe</a></p>
  <!--削除禁止ここまで -->
</div>
<div id="copy">
  <h3>Copyright &copy; XXXXX XXXX All right reserved.</h3>
</div>
</div>
</footer>
</body>
</html>
